<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@charset "UTF-8"; 

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak, .ng-hide {
	display: none !important;
}

ng\:form {
	display: block;
}

.ng-animate-block-transitions {
	transition: 0s all !important;
	-webkit-transition: 0s all !important;
}

.ng-hide-add-active, .ng-hide-remove {
	display: block !important;
}
</style>
<title>订单</title>

<link href="./order_files/vendor.606e96.css" rel="stylesheet">
<link href="./order_files/main.153014.css" rel="stylesheet">

<%@ include file="../elements/head.jsp"%>

</head>
<body class="hidesidebar" style="position: relative;">

	<div class="ng-isolate-scope">
		<header class="carttopbar">
			<div class="carttopbar-nav container clearfix">
				<span class="carttopbar-nav-path">当前位置：
					<a class="ng-binding" href="#">郴州第一职中</a>
					<i class="icon-arrow-right"></i> 
					<a class="inherit ng-binding" href="#">豆花妈妈(第一职中店)</a>
					<i class="icon-arrow-right"></i>订单信息
				</span>
				<div>
					<%@ include file="../elements/common/entry.jsp" %>
				</div>
			</div>
		</header>
	</div>
	
	<div role="main" class="ng-scope">
		<div class="checkoutguide ng-isolate-scope">
			<div class="container">
				<a class="checkoutguide-logo">
					<img src="${pageContext.request.contextPath}/statics/images/pc_logo.png"
						style="float: left; margin-top: 20px" width="180" height="60">
				</a>
				<span class="checkoutguide-text ng-binding">订单信息</span>
				
				<div class="checkoutguide-content step2">
					<span class="checkoutguide-item active">选择商品</span> 
					<span class="checkoutguide-item active">确认订单信息</span> 
					<span class="checkoutguide-item">成功提交订单</span>
					<p class="checkoutguide-line">
						<span class="line line1"></span> 
						<span class="line line2"></span>
						<span class="line line3"></span> 
						<span class="line line4"></span>
					</p>
				</div>
				
			</div>
		</div>
		<div class="container clearfix ng-scope">
			<div class="checkout-cart ng-scope ng-isolate-scope">
				<div class="checkoutcart-container">
				
					<div class="checkoutcart-title">
						<h2>订单详情</h2>
						<a href="#">&lt; 返回商家修改</a>
					</div>
					
					<div class="checkoutcart-tablerow tablehead">
						<div class="cell itemname">商品</div>
						<div class="cell itemquantity">份数</div>
						<div class="cell itemtotal">小计（元）</div>
					</div>
					
					<dl class="checkoutcart-group ng-scope">
						<dt class="checkoutcart-grouptitle ng-binding">购物车</dt>
						
						<dd class="ng-scope">
							<div class="checkoutcart-tablerow">
								<div class="cell itemname ng-binding"title="招牌豆花">招牌豆花</div>
								<div class="cell itemquantity">
									<button>-</button>
									<input class="ng-pristine ng-valid">
									<button>+</button>
								</div>
								<div class="cell itemtotal ng-binding">¥10.00</div>
							</div>
						</dd>
						
						<dd class="ng-scope">
							<div class="checkoutcart-tablerow">
								<div class="cell itemname ng-binding"title="招牌豆花">招牌豆花</div>
								<div class="cell itemquantity">
									<button>-</button>
									<input class="ng-pristine ng-valid">
									<button>+</button>
								</div>
								<div class="cell itemtotal ng-binding">¥10.00</div>
							</div>
						</dd>
						
						<dd class="ng-scope">
							<div class="checkoutcart-tablerow">
								<div class="cell itemname ng-binding"title="招牌豆花">招牌豆花</div>
								<div class="cell itemquantity">
									<button>-</button>
									<input class="ng-pristine ng-valid">
									<button>+</button>
								</div>
								<div class="cell itemtotal ng-binding">¥10.00</div>
							</div>
						</dd>
						
					</dl>

					<ul class="ng-scope">
						<li class="checkoutcart-tablerow extra ng-scope">
							<div class="cell itemname">
								<span title="配送费" class="ng-binding">配送费</span>
								<span class="icon-circle-help ng-scope"></span>
							</div>
							<div class="cell itemquantity"></div>
							<div class="cell itemtotal ng-binding">¥1.00</div>
						</li>
						
						<li class="checkoutcart-tablerow extra ng-scope">
							<div class="cell itemname">
								<span title="" class="ng-binding"></span>
							</div>
						</li>
					</ul>
					
					<div class="checkoutcart-total color-stress">
						¥<span class="num ng-binding">00.00</span>
					</div>
					
					<div class="checkoutcart-totalextra">
						共 <span class="ng-binding">0</span> 份商品
					</div>
				</div>
			</div>

			<div class="checkout-content ng-scope">

				<div class="checkout-select ng-isolate-scope">
					<!-- 添加收货地址 -->
					<h2>收货地址 
						<a class="checkout-addaddress ng-hide" href="javascript:">添加新地址</a>
					</h2>		
					<a class="checkout-noaddress ng-scope" href="javascript:">+ 添加新地址</a>
					<!-- 添加收货地址 -->
					
					<!-- 显示收货地址 -->
					<ul class="checkout-address-list">
						<li class="checkout-address ng-scope active">
							<i class="checkout-address-icon icon-location-line"></i>
							<div class="checkout-address-info">
								<p class="ng-binding">周闭肛 女士 13975564493</p>
								<p class="color-weak ng-binding">郴州第一职中升平路</p>
							</div>
							<div class="checkout-address-edit">
								<a href="javascript:">修改</a>
								<a href="javascript:">×</a>
							</div>
						</li>
						
						<li class="ng-scope active">
							<i class="checkout-address-icon icon-location-line"></i>
							<div class="checkout-address-info">
								<p class="ng-binding">周闭肛 女士 13975564493</p>
								<p class="color-weak ng-binding">郴州第一职中升平路</p>
							</div>
							<div class="checkout-address-edit">
								<a href="javascript:">修改</a>
								<a href="javascript:">×</a>
							</div>
						</li>						
					</ul>
					<!-- 显示收货地址 -->
				</div>


				<div class="checkout-select">
					<h2 class="checkout-title">
						付款方式<span class="color-tip checkout-pay-tip">推荐使用在线支付，不用找零，优惠更多</span>
					</h2>
					<ul class="clearfix">
						<li class="checkout-pay ng-scope active">
							<p class="ng-binding">在线支付</p>
							<p class="color-mute ng-binding">支持微信、支付宝、QQ钱包及大部分银行卡</p>
						</li>
					</ul>
				</div>
				<div class="checkout-select">
					<h2 class="checkout-title">其他信息</h2>
					
					<div class="checkout-info">
						<span class="checkout-infolabel">订单备注</span> 
						<span>
							<input class="checkout-input ng-pristine ng-valid">
						</span>
					</div>
				</div>
				<div>
					<button class="btn-stress btn-lg ng-binding ng-isolate-scope">
						确认下单
					</button>
					<div class="checkout-dapp">
						<p class="checkout-dapp-tip">
							扫码下载APP<br>APP下单立享优惠
						</p>
						<i class="icon-qrcode checkout-dapp-qrcode"></i> <i
							class="icon-uniE029 checkout-dapp-arrow"></i> <img
							src="./order_files/appqc.95e532.png" alt="扫一扫下载饿了么手机 App">
					</div>
				</div>
			</div>

		</div>
		<div class="checkout-quicksubmit ng-scope">
			<div class="container">
				<span class="quick-text">应付金额 
					<span class="yen">¥</span>
					<span class="total ng-binding">21</span>
				</span>
				<button class="btn-stress btn-lg ng-binding">确认下单</button>
			</div>
		</div>
	</div>
	
	<%@ include file="../elements/footer.jsp" %>

</body>
</html>